<template>
	<view>
		<li-switch :checked="switch_state" @change="switchChange1" width="90" />
		<li-switch :checked="switch_state"  check_text="未选" checked_text="选中" @change="switchChange1" />
		<li-switch :checked="switch_state" check_text="未选" checked_text="选中" bg="red" @change="switchChange1" />
		<li-switch :checked="switch_state" check_text="未选" checked_text="选中" bg="#ff00ff" height="60" @change="switchChange1" />
		<li-switch :checked="switch_state" bg="#ff00ff" width="200" height="60" check_text="未选中" checked_text="选中了" @change="switchChange1" />
		<li-switch :checked="false" bg="#ff00ff" width="200" height="60" check_text="未选中" checked_text="选中了" @change="switchChange1" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				switch_state: true
			}
		},
		methods: {
			switchChange1: function(e){
				console.log(e);
				this.switch_state = !e.checked;
			}
		}
	}
</script>

<style>

</style>
